<template>
   <div class="item"><img src="../../../../public/imgs/图片 189.jpg" alt="">
      <ol>
        <dt><b>所有优惠</b> <i>2022.12.17-2030.12.31</i></dt>
        <dd>全国门店均可参与</dd>
      </ol>

    </div>
    <div class="item"><img src="../../../../public/imgs/图片 189.png" alt="">
      <ol>
        <dt> <b>现时活动多充多得</b> <i>2022.12.17-2030.12.31</i></dt>
        <dd>全国门店均可参与</dd>
      </ol>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
  .item {
    padding: 10px;
    margin-top: 20px;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;

    img {
      width: 100%;
    }

    ol {


      dt {
        display: flex;
        justify-content: space-between;
        padding: 0 20px;

        b {
          font-size: 13px;
        }

        i {
          font-size: 10px;
          color: rgba(128, 128, 128, 1);
        }
      }

      dd {
        font-size: 10px;
        padding: 0 20px;
        color: rgba(128, 128, 128, 1);
      }
    }
  }
</style>